<template>
<div class="physical">

    <div class="bloodCheck" v-for="(item,index) in list" :key="index" @click="jump(item)">
        <img :src="item.url" alt="">
    </div>

    <float-icons padding="10 0 60 0" class="icons-warp">
        <div class="float-icon-item">
            <img src="../../../assets/dargIcon/back.png" alt="" @click="handleIcons('/home')" />
            <span>返回</span>
        </div>
        <!-- <div class="float-icon-item">
            <img src="../../assets/dargIcon/cart-icon.png" alt="" @click="handleIcons('/cart')" />
            <span>购物车</span>
        </div> -->
    </float-icons>

</div>
</template>

<script>
import FloatIcons from '@/components/s-icons'
import {isbind} from "../../isCheckBind.js"

export default {
    components: {
        FloatIcons
    },
    name: "physical",
    data() {
        return {
            list: [{
                    name: "全自动血细胞分析",
                    id: 2,
                    url: require("../../../assets/memberImg/blood1.jpg")
                },
                {
                    name: "全自动凝血测试",
                    id: 4,
                    url: require("../../../assets/memberImg/blood2.jpg")
                }
            ]

        }
    },

    mounted() {
        isbind()
        // this.init()

    },
    methods: {
        jump(item) {
            sessionStorage.setItem("reportId", item.id)
            this.$router.replace({
                path: "/reportDetail"
            })
        },
        handleIcons(id) {
            this.$router.replace({
                path: "/memberCenter"
            })
        },

    }
}
</script>

<style lang="scss" scoped>
.physical {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
    padding-top: 20px; // background-color: red;

    .bloodCheck {
        margin-bottom: 15px;
        border-radius: 6px;
        box-shadow: 0px 10px 10px 0px rgba(198, 198, 198, 1);
        height: 90px;

        img {
            border-radius: 6px;
            width: 100%;
            height: 100%;
        }
    }

    .icons-warp {
        // border-radius: 25px;
        border-radius: 25px 0 0 25px;

        .float-icon-item {
            display: flex;
            flex-direction: row;
            // padding-left: 14px;
            // padding-right: 14px;
            align-items: center;
            justify-content: center;
            position: relative;
            width: 80px;
            height: 40px;

            img {
                width: 25px;
                height: 25px;
                margin-bottom: 3px;
            }

            span {
                margin-left: 5px;
                font-size: 12px;
                color: #666666;
            }
        }
    }

}
</style>
